<template>
 <svg class="icon" :style="{'width':size+'px','height':size+'px'}">
    <use :xlink:href="'#'+name" :fill="color"></use>
  </svg>
</template>

<script setup lang='ts'>
// 父组件传值给子组件：
// 1.子组件要在父组件中注册，然后使用
// 2.子组件使用defineProps来接受父组件传过来的值
// 3.在子组件中使用传过来的值

interface obj{
    name:string,
    color?:string,
    size?:string
}

withDefaults(defineProps<obj>(),{
    color:'white',
    size:"30"
})  


</script>

<style scoped>

</style>
